<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Vue</title>
    <!-- development version, includes helpful console warnings -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- production version, optimized for size and speed -->
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios@0.12.0/dist/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/lodash@4.13.1/lodash.min.js"></script>

</head>

<body>
    <google-map>
        <google-map-markers v-bind:places="iceCreamShops">
        </google-map-markers>
    </google-map>


    <script>
        // The root Vue instance
        new Vue({
            data: {
                foo: 1
            },
            computed: {
                bar: function () { /* ... */ }
            },
            methods: {
                baz: function () { /* ... */ }
            }
        })

        // Get root data
        this.$root.foo
        // Set root data
        this.$root.foo = 2
        // Access root computed properties
        this.$root.bar
        // Call root methods
        this.$root.baz()


    </script>
</body>

</html>